<template>
  <div>
    <div>
        <!-- 校验是否有 dashboard 权限下的 add 操作权限 -->
        <a-button v-action:add >添加用户</a-button>

        <!-- 校验是否有 dashboard 权限下的 del 操作权限 -->
        <a-button v-action:del>删除用户</a-button>

        <!-- 校验是否有 dashboard 权限下的 edit 操作权限 -->
        <a v-action:update>修改</a>
    </div>
    <hr/>
<!--    <div>-->
<!--      <a-tabs>-->
<!--        <a-tab-pane v-if="$auth('dashboard.add')" tab="Tab 1">-->
<!--          add some context..-->
<!--        </a-tab-pane>-->
<!--        <a-tab-pane v-if="$auth('dashboard.del')" tab="Tab 2">-->
<!--          del some context..-->
<!--        </a-tab-pane>-->
<!--        <a-tab-pane v-if="$auth('dashboard.edit')" tab="Tab 3">-->
<!--          edit some context..-->
<!--        </a-tab-pane>-->
<!--      </a-tabs>-->
<!--    </div>-->
  </div>
</template>

<script>
  export default {
    name: 'MyRole1'
  }
</script>

<style scoped>

</style>
